<template>
  <div class="control-content">
    <el-tooltip content="Top center" placement="top">
      <i class="iconfont icon-kuaijin"></i>
    </el-tooltip>
    <el-tooltip content="Top center" placement="top">
      <i class="iconfont icon-kuaitui1"></i>
    </el-tooltip>
    <el-tooltip content="Top center" placement="top">
      <i class="iconfont icon-kuaijin"></i>
    </el-tooltip>
    <el-tooltip content="Top center" placement="top">
      <i class="iconfont icon-zanting"></i>
    </el-tooltip>
    <el-tooltip content="Top center" placement="top">
      <i class="iconfont icon-arrow-"></i>
    </el-tooltip>
    <el-tooltip content="Top center" placement="top">
      <i class="iconfont icon-kuaitui1"></i>
    </el-tooltip>
    <el-tooltip content="Top center" placement="top">
      <i class="iconfont icon-shuangjiantou-shang"></i>
    </el-tooltip>
    <el-tooltip content="Top center" placement="top">
      <i class="iconfont icon-jiantouleishuangjiantou-xia"></i>
    </el-tooltip>
    <el-tooltip content="Top center" placement="top">
      <i class="iconfont icon-shuxian"></i>
    </el-tooltip>

    <span class="word-class">步长: 1秒</span>
  </div>
</template>
<script>
import "../../assets/img/speedControl/iconfont.css";
export default {};
</script>
<style scoped>
.control-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 350px;
  height: 50px;
  background-color: #0b1937;
  padding: 0 10px;
  color: #166387;
  border: 1px solid #11335f;
}
.word-class {
  color: #24d8e2;
}
.iconfont:hover {
  color: #29c7ff;
}
.icon-shuxian:hover {
  color: #166387;
}
</style>
